<!doctype html>
<html lang="en">

<head>
   
    <!--====== Required meta tags ======-->
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <!--====== Title ======-->
    <title>Codesk - Coworking Space HTML Template</title>
    
    <!--====== Favicon Icon ======-->
    <link rel="shortcut icon" href="assets/images/we-know-logo.png" type="image/png">

    <!--====== Bootstrap css ======-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    
    <!--====== Fontawesome css ======-->
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    
    <!--====== flaticon css ======-->
    <link rel="stylesheet" href="assets/css/flaticon.css">
    
    <!--====== nice select css ======-->
    <link rel="stylesheet" href="assets/css/nice-select.css">
    
    <!--====== animate css ======-->
    <link rel="stylesheet" href="assets/css/animate.min.css">
    
    <!--====== Magnific Popup css ======-->
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    
    <!--====== Slick css ======-->
    <link rel="stylesheet" href="assets/css/slick.css">
    
    <!--====== Default css ======-->
    <link rel="stylesheet" href="assets/css/default.css">
    
    <!--====== Style css ======-->
    <link rel="stylesheet" href="assets/css/style.css">
  
  
</head>

<body>

    <!-- PRELOADER -->
    <div class="preloader">
        <div class="lds-ellipsis">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <!-- END PRELOADER -->

    <!--====== OFFCANVAS MENU PART START ======-->

    <div class="off_canvars_overlay">
                
    </div>
    <div class="offcanvas_menu">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="offcanvas_menu_wrapper">
                        <div class="canvas_close">
                            <a href="javascript:void(0)"><i class="fa fa-times"></i></a>  
                        </div>
                        <div class="offcanvas-social">
                            <ul class="text-center">
                                <li><a href="$"><i class="fa fa-facebook-square"></i></a></li>
                                <li><a href="$"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="$"><i class="fa fa-instagram"></i></a></li>
                                <li><a href="$"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                        </div>
                        <div id="menu" class="text-left ">
                            <ul class="offcanvas_main_menu">
                                <li class="menu-item-has-children active">
                                    <a href="#">Home</a>
                                    <ul class="sub-menu">
                                        <li><a href="index.html">Home 1</a></li>
                                        <li><a href="index-2.html">Home 2</a></li>
                                        <li><a href="index-3.html">Home 3</a></li>
                                        <li class="menu-item-has-children">
                                            <a href="#">Header Versions</a>
                                            <ul class="sub-menu">
                                                <li><a href="index.html">Header Style 1r</a></li>
                                                <li><a href="index-2.html">Header Style 2</a></li>
                                                <li><a href="index-3.html">Header Style 3</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Pages</a>
                                    <ul class="sub-menu">
                                        <li><a href="about.html">About</a></li>
                                        <li><a href="our-team.html">Our Team</a></li>
                                        <li><a href="our-history.html">Our history</a></li>
                                        <li><a href="testimonials.html">testimonials</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Services</a>
                                    <ul class="sub-menu">
                                        <li><a href="services.html">Services</a></li>
                                        <li><a href="single-service.html">single service</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Recent Projects</a>
                                    <ul class="sub-menu">
                                        <li><a href="projects.html">Projects</a></li>
                                        <li><a href="single-project.html">single project</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Blog</a>
                                    <ul class="sub-menu">
                                        <li><a href="posts.html">posts</a></li>
                                        <li><a href="single-post.html">single post</a></li>
                                    </ul>
                                </li>
                                <li class="menu-item-has-children active">
                                    <a href="#">Contact</a>
                                </li>
                            </ul>
                        </div>
                        <div class="offcanvas_footer">
                            <span><a href="mailto:tanvirahmed8282@gmail.com"><i class="fa fa-envelope-o"></i> layerdrops@gmail.com</a></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--====== OFFCANVAS MENU PART ENDS ======-->
   
    <!--====== HEADER PART START ======-->
    
    <header class="header-area header-2-area">
        <div class="main-header">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="main-header-item d-flex justify-content-between align-items-center">
                            <div class="main-header-menus  d-flex">
                                <div class="header-logo">
                                    <a href="index.html"><img src="assets/images/logo.png" alt="logo"></a>
                                </div>
                                <div class="header-menu d-none d-lg-block">
                                    <ul>
                                        <li>
                                            <a class="active" href="#">Home <i class="fa fa-angle-down"></i></a>
                                            <ul class="sub-menu">
                                                <li><a href="index.html">Home 1</a></li>
                                                <li><a href="index-2.html">Home 2</a></li>
                                                <li><a href="index-3.html">Home 3</a></li>
                                                <li>
                                                    <a href="#">Header Versions</a>
                                                    <ul class="sub-menu">
                                                        <li><a href="index.html">Header Style 1</a></li>
                                                        <li><a href="index-2.html">Header Style 2</a></li>
                                                        <li><a href="index-3.html">Header Style 3</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="about.html">About</a>
                                        </li>
                                        <li>
                                            <a href="#">Events  <i class="fa fa-angle-down"></i></a>
                                            <ul class="sub-menu">
                                                <li><a href="events.html">Events</a></li>
                                                <li><a href="single-event.html">single event</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#">Pages  <i class="fa fa-angle-down"></i></a>
                                            <ul class="sub-menu">
                                                <li><a href="team.html">team</a></li>
                                                <li><a href="pricing.html">pricing</a></li>
                                                <li><a href="book-a-tour.html">book a tour</a></li>
                                                <li><a href="gallery.html">gallery</a></li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="#">News  <i class="fa fa-angle-down"></i></a>
                                            <ul class="sub-menu">
                                                <li><a href="news.html">news</a></li>
                                                <li><a href="single-news.html">single news</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="contact.html">Contact</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="header-social d-flex align-items-center">
                                <div class="info">
                                    <i class="flaticon-phone-call"></i>
                                    <h5 class="title">777 888 0000</h5>
                                    <span>Phone line</span>
                                </div>
                                <div class="toggle-btn ml-30 canvas_open d-lg-none d-block">
                                    <i class="fa fa-bars"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    
    <!--====== HEADER PART ENDS ======-->

    <!--====== BANNER PART START ======-->
    <section class="banner-slide banner-slide-2">
        <div class="banner-area bg_cover d-flex align-items-center" style="background-image: url(assets/images/banner-bg-3.jpg);">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-9">
                        <div class="banner-content text-center">
                            <h1 data-animation="fadeInDown" data-delay=".5s" class="title">Big conference <span>&</span> meeting rooms</h1>
                            <p data-animation="fadeInLeft" data-delay=".5s">Nulla vel tempus diam. Nunc vulputate, quam sit amet commodo tincidunt, enim lorem scelerisque massa, vel ultricies.</p>
                            <a data-animation="fadeInUp" data-delay="1s" class="main-btn" href="single-news.html">Book a tour</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="banner-social d-none d-md-block">
                <ul>
                    <li><a href="#">Twitter</a></li>
                    <li><a href="#">Facebook</a></li>
                    <li><a href="#">Linkedin</a></li>
                </ul>
            </div>
            <div class="banner-logo">
                <img src="assets/images/banner-logo.png" alt="">
            </div>
        </div>
        <div class="banner-area bg_cover d-flex align-items-center" style="background-image: url(assets/images/banner-bg-4.jpg);">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-9">
                        <div class="banner-content text-center">
                            <h1 data-animation="fadeInDown" data-delay=".5s" class="title">Big conference <span>&</span> meeting rooms</h1>
                            <p data-animation="fadeInLeft" data-delay=".5s">Nulla vel tempus diam. Nunc vulputate, quam sit amet commodo tincidunt, enim lorem scelerisque massa, vel ultricies.</p>
                            <a data-animation="fadeInUp" data-delay="1s" class="main-btn" href="single-news.html">Book a tour</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="banner-social d-none d-md-block">
                <ul>
                    <li><a href="#">Twitter</a></li>
                    <li><a href="#">Facebook</a></li>
                    <li><a href="#">Linkedin</a></li>
                </ul>
            </div>
            <div class="banner-logo">
                <img src="assets/images/banner-logo.png" alt="">
            </div>
        </div>
    </section>
    
    <!--====== BANNER PART ENDS ======-->

    <!--====== SUB PART START ======-->
    
    <section class="sub-area">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-4 col-md-7">
                    <div class="sub-item mt-30">
                        <i class="flaticon-wifi"></i>
                        <h4 class="title">High speed internet</h4>
                        <p>Nulla condimentum aliquet elemen tum auctor maecenas elementu lacus eros.</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-7">
                    <div class="sub-item mt-30">
                        <i class="flaticon-tray"></i>
                        <h4 class="title">Fully equipped kitchen</h4>
                        <p>Nulla condimentum aliquet elemen tum auctor maecenas elementu lacus eros.</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-7">
                    <div class="sub-item mt-30">
                        <i class="flaticon-parking"></i>
                        <h4 class="title">Huge parking space</h4>
                        <p>Nulla condimentum aliquet elemen tum auctor maecenas elementu lacus eros.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!--====== SUB PART ENDS ======-->

    <!--====== FIND SPACE PART START ======-->
    
    <section class="find-space-area">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6">
                    <div class="find-space-title text-center">
                        <h3 class="title">Find the space that's right for you.</h3>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="find-space d-block d-lg-flex">
                        <div class="find-space-item mt-30 d-block d-sm-flex active">
                            <div class="find-space-thumb">
                                <img src="assets/images/find-space-1.jpg" alt="">
                            </div>
                            <div class="find-space-content">
                                <h4 class="title">Coworking Space</h4>
                                <p>There are many new variations of pasages of available text.</p>
                                <a href="book-a-tour.html"><i class="flaticon-right-arrow"></i></a>
                            </div>
                        </div>
                        <div class="find-space-item mt-30 d-block d-sm-flex">
                            <div class="find-space-thumb">
                                <img src="assets/images/find-space-2.png" alt="">
                            </div>
                            <div class="find-space-content">
                                <h4 class="title">Coworking Space</h4>
                                <p>There are many new variations of pasages of available text.</p>
                                <a href="book-a-tour.html"><i class="flaticon-right-arrow"></i></a>
                            </div>
                        </div>
                        <div class="find-space-item mt-30 d-block d-sm-flex">
                            <div class="find-space-thumb">
                                <img src="assets/images/find-space-3.png" alt="">
                            </div>
                            <div class="find-space-content">
                                <h4 class="title">Coworking Space</h4>
                                <p>There are many new variations of pasages of available text.</p>
                                <a href="book-a-tour.html"><i class="flaticon-right-arrow"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="find-pattern">
            <img src="assets/images/fun-facts-pattern.png" alt="">
        </div>
    </section>
    
    <!--====== FIND SPACE PART ENDS ======-->

    <!--====== LEADING PART START ======-->
    
    <section class="leading-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="leading-thumb animated wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms">
                        <img src="assets/images/leading-thumb.jpg" alt="leading">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="leading-content ml-70">
                        <h3 class="title">We’re leading in coworking space business.</h3>
                        <p>Lorem ipsum is simply free text dolor sit amett consectetur adipiscing elit. There are many variations of passages of lorem ipsum available but the majority have suffered alteration in some form.</p>
                        <div class="list-item">
                            <div class="item">
                                <span><i class="fa fa-check"></i> Shared access to premium amenities</span>
                            </div>
                            <div class="item item-2">
                                <span><i class="fa fa-check"></i> Create your ideal office from the ground up</span>
                            </div>
                            <div class="item">
                                <span><i class="fa fa-check"></i> Desk space in lockable office</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="leading-line">
            <img src="assets/images/we-know-line.png" alt="">
        </div>
        <div class="leading-dot">
            <img src="assets/images/cta-dot-4.png" alt="">
        </div>
    </section>
    
    <!--====== LEADING PART ENDS ======-->

    <!--====== BRAND PART START ======-->
    
    <section class="brand-area bg_cover" style="background-image: url(assets/images/play-bg.jpg);">
        <div class="container">
            <div class="brand-box">
                <div class="row barnd-active">
                    <div class="col-lg-3">
                        <div class="brand-item">
                            <a href="#"><img src="assets/images/brand-2.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="brand-item">
                            <a href="#"><img src="assets/images/brand-2.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="brand-item">
                            <a href="#"><img src="assets/images/brand-2.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="brand-item">
                            <a href="#"><img src="assets/images/brand-2.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="brand-item">
                            <a href="#"><img src="assets/images/brand-2.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="brand-item">
                            <a href="#"><img src="assets/images/brand-2.png" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-9">
                    <div class="brand-content text-center">
                        <h3 class="title">Codesk gives you unmatched agility without compromising on experience.</h3>
                        <a class="main-btn" href="book-a-tour.html">Book a tour</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!--====== BRAND PART ENDS ======-->

    <!--====== JOIN COMMUNITY PART START ======-->
    
    <section class="join-community-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="join-community-content">
                        <h3 class="title animated wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms">Join a community of early stage startups.</h3>
                        <p class=" animated wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="300ms">Lorem ipsum is simply free text dolor sit amett adipiscing elit. When an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                        <a class="main-btn animated wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="600ms" href="about.html">Read more</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="join-community-counter">
            <div class="item">
                <h3 class="title counter">880</h3>
                <p>Creative people space is available.</p>
            </div>
            <div class="item item-2">
                <h3 class="title"><span class="counter">70</span>+</h3>
                <p>Conference & meeting rooms available.</p>
            </div>
        </div>
        <div class="community-logo">
            <img src="assets/images/community-logo.png" alt="">
        </div>
    </section>
    
    <!--====== JOIN COMMUNITY PART ENDS ======-->

    <!--====== UPPCOMING EVENTS PART START ======-->
    
    <section class="upcoming-events-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="upcoming-events-title text-center">
                        <h3 class="title">Upcoming events</h3>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="upcoming-events-item">
                        <div class="item mt-20">
                            <div class="row align-items-center">
                                <div class="col-lg-9">
                                    <div class="upcoming-events-content d-block d-md-flex align-items-center">
                                        <div class="thumb">
                                            <img src="assets/images/events-1.jpg" alt="">
                                            <div class="date">
                                                <span>07 <br> Feb</span>
                                            </div>
                                        </div>
                                        <div class="content ml-65">
                                            <ul>
                                                <li><i class="fa fa-clock-o"></i> 12:00 am </li>
                                                <li><i class="fa fa-user-o"></i> Admin </li>
                                            </ul>
                                            <h4 class="title">The new startup is on the way</h4>
                                            <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered in some form humour.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                    <div class="events-btn text-left text-lg-right">
                                        <a class="main-btn main-btn-2" href="single-event.html">Join event</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item mt-20">
                            <div class="row align-items-center">
                                <div class="col-lg-9">
                                    <div class="upcoming-events-content d-block d-md-flex align-items-center">
                                        <div class="thumb">
                                            <img src="assets/images/events-2.jpg" alt="">
                                            <div class="date">
                                                <span>07 <br> Feb</span>
                                            </div>
                                        </div>
                                        <div class="content ml-65">
                                            <ul>
                                                <li><i class="fa fa-clock-o"></i> 12:00 am </li>
                                                <li><i class="fa fa-user-o"></i> Admin </li>
                                            </ul>
                                            <h4 class="title">The new startup is on the way</h4>
                                            <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered in some form humour.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                    <div class="events-btn text-left text-lg-right">
                                        <a class="main-btn main-btn-2" href="single-event.html">Join event</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item mt-20">
                            <div class="row align-items-center">
                                <div class="col-lg-9">
                                    <div class="upcoming-events-content d-block d-md-flex align-items-center">
                                        <div class="thumb">
                                            <img src="assets/images/events-3.jpg" alt="">
                                            <div class="date">
                                                <span>07 <br> Feb</span>
                                            </div>
                                        </div>
                                        <div class="content ml-65">
                                            <ul>
                                                <li><i class="fa fa-clock-o"></i> 12:00 am </li>
                                                <li><i class="fa fa-user-o"></i> Admin </li>
                                            </ul>
                                            <h4 class="title">The new startup is on the way</h4>
                                            <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered in some form humour.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                    <div class="events-btn text-left text-lg-right">
                                        <a class="main-btn main-btn-2" href="single-event.html">Join event</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="events-pattern">
            <img src="assets/images/services-pattern.png" alt="">
        </div>
    </section>
    
    <!--====== UPPCOMING EVENTS PART ENDS ======-->

    <!--====== JOIN THOUSANDS PART START ======-->
    
    <section class="join-thousands-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-5">
                    <div class="join-thousands-thumb animated wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms">
                        <img src="assets/images/join-thousands-thumb.png" alt="thousands">
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="join-thousands-content ml-70">
                        <h3 class="title">Join thousand of people who are part of the codesk space.</h3>
                        <div class="item">
                            <span><span>01 <i class="flaticon-right-arrow"></i></span> Services for a global network of creators</span>
                            <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
                        </div>
                        <div class="item mt-30">
                            <span><span>02 <i class="flaticon-right-arrow"></i></span> About our workspace offering</span>
                            <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
                        </div>
                        <a class="main-btn main-btn-2 mt-40" href="about.html">Join us now</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="thousands-line">
            <img src="assets/images/thousands-line.png" alt="">
        </div>
        <div class="thousands-dot">
            <img src="assets/images/thousands-dot.png" alt="">
        </div>
    </section>
    
    <!--====== JOIN THOUSANDS PART ENDS ======-->

    <!--====== PRICING PART START ======-->
    
    <section class="pricing-area">
        <div class="pricing-title-area">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <div class="pricng-title text-center">
                            <h3 class="title">Choose pricing plans for space</h3>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pricing-pattern">
                <img src="assets/images/pricing-pattern.png" alt="">
            </div>
            <div class="pricing-logo">
                <img src="assets/images/pricing-logo.png" alt="">
            </div>
        </div>
        <div class="pricing-item-area">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-4 col-md-7 col-sm-9">
                        <div class="pricing-item text-center">
                            <span>Basic pack</span>
                            <h3 class="title">$20.00</h3>
                            <div class="list">
                                <ul>
                                    <li><span>High speed internet</span> <i class="fa fa-check"></i></li>
                                    <li><span>Free parking space</span> <i class="fa fa-check"></i></li>
                                    <li><span>Drinks & coffee</span> <i class="fa fa-check"></i></li>
                                    <li><span>Full access</span> <i class="fa fa-check"></i></li>
                                </ul>
                            </div>
                            <a class="main-btn main-btn-2" href="book-a-tour.html">Book space</a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-7 col-sm-9">
                        <div class="pricing-item text-center">
                            <span>Standard pack</span>
                            <h3 class="title">$40.00</h3>
                            <div class="list">
                                <ul>
                                    <li><span>High speed internet</span> <i class="fa fa-check"></i></li>
                                    <li><span>Free parking space</span> <i class="fa fa-check"></i></li>
                                    <li><span>Drinks & coffee</span> <i class="fa fa-check"></i></li>
                                    <li><span>Full access</span> <i class="fa fa-check"></i></li>
                                </ul>
                            </div>
                            <a class="main-btn main-btn-2" href="book-a-tour.html">Book space</a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-7 col-sm-9">
                        <div class="pricing-item text-center">
                            <span>Ultimate  pack</span>
                            <h3 class="title">$90.00</h3>
                            <div class="list">
                                <ul>
                                    <li><span>High speed internet</span> <i class="fa fa-check"></i></li>
                                    <li><span>Free parking space</span> <i class="fa fa-check"></i></li>
                                    <li><span>Drinks & coffee</span> <i class="fa fa-check"></i></li>
                                    <li><span>Full access</span> <i class="fa fa-check"></i></li>
                                </ul>
                            </div>
                            <a class="main-btn main-btn-2" href="book-a-tour.html">Book space</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pricing-dot">
                <img src="assets/images/pricing-dot.png" alt="pricing">
            </div>
        </div>
    </section>
    
    <!--====== PRICING PART ENDS ======-->

    <!--====== PLAY PART START ======-->
    
    <div class="play-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="play-thumb">
                        <img src="assets/images/play-thumb.jpg" alt="play">
                        <a class="main-btn" href="#"><i class="fa fa-play"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!--====== PLAY PART ENDS ======-->

    <!--====== WE LISTEN PART START ======-->
    
    <section class="we-listen-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="we-listen-content">
                        <h3 class="title">We listen and work together.</h3>
                        <p>There are many variations of passages the majority have suffered alteration in some fo injected humour.</p>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="thumb mt-30">
                                    <img src="assets/images/listed-item-1.jpg" alt="">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="thumb mt-30">
                                    <img src="assets/images/listed-item-2.jpg" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="faq-accordion">
                        <div class="accrodion-grp"  data-grp-name="faq-accrodion">
                            <div class="accrodion active  animated wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="0ms">
                                <div class="accrodion-inner">
                                    <div class="accrodion-title">
                                        <h4>1. Reserve conference rooms</h4>
                                    </div>
                                    <div class="accrodion-content">
                                        <div class="inner">
                                            <p>There are many variations of passages the majority have suffered alteration in some fo injected humour, or randomised words believable.</p>
                                        </div><!-- /.inner -->
                                    </div>
                                </div><!-- /.accrodion-inner -->
                            </div>
                            <div class="accrodion   animated wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="300ms">
                                <div class="accrodion-inner">
                                    <div class="accrodion-title">
                                        <h4>2. Post or respond to job listings</h4>
                                    </div>
                                    <div class="accrodion-content">
                                        <div class="inner">
                                            <p>There are many variations of passages the majority have suffered alteration in some fo injected humour, or randomised words believable.</p>
                                        </div><!-- /.inner -->
                                    </div>
                                </div><!-- /.accrodion-inner -->
                            </div>
                            <div class="accrodion animated wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="600ms">
                                <div class="accrodion-inner">
                                    <div class="accrodion-title">
                                        <h4>3. Flexibility of monthly terms</h4>
                                    </div>
                                    <div class="accrodion-content">
                                        <div class="inner">
                                            <p>There are many variations of passages the majority have suffered alteration in some fo injected humour, or randomised words believable.</p>
                                        </div><!-- /.inner -->
                                    </div>
                                </div><!-- /.accrodion-inner -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!--====== WE LISTEN PART ENDS ======-->

    <!--====== NEWS 2 PART START ======-->
    
    <section class="news-2-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="news-title text-center">
                        <h3 class="title">News & articles.</h3>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-4 col-md-7 col-sm-9">
                    <div class="news-item mt-30">
                        <div class="news-thumb">
                            <img src="assets/images/news-1.jpg" alt="news">
                        </div>
                        <div class="news-content">
                            <ul>
                                <li><i class="fa fa-user-o"></i> by admin</li>
                                <li><i class="fa fa-comments-o"></i> 2 comments</li>
                            </ul>
                            <h3 class="title">Why your business absolutely needs <br> a virtual office</h3>
                            <a href="single-news.html"><i class="flaticon-right-arrow"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-7 col-sm-9">
                    <div class="news-item mt-30">
                        <div class="news-thumb">
                            <img src="assets/images/news-2.jpg" alt="news">
                        </div>
                        <div class="news-content">
                            <ul>
                                <li><i class="fa fa-user-o"></i> by admin</li>
                                <li><i class="fa fa-comments-o"></i> 2 comments</li>
                            </ul>
                            <h3 class="title">Why your business absolutely needs <br> a virtual office</h3>
                            <a href="single-news.html"><i class="flaticon-right-arrow"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-7 col-sm-9">
                    <div class="news-item mt-30">
                        <div class="news-thumb">
                            <img src="assets/images/news-3.jpg" alt="news">
                        </div>
                        <div class="news-content">
                            <ul>
                                <li><i class="fa fa-user-o"></i> by admin</li>
                                <li><i class="fa fa-comments-o"></i> 2 comments</li>
                            </ul>
                            <h3 class="title">Why your business absolutely needs <br> a virtual office</h3>
                            <a href="single-news.html"><i class="flaticon-right-arrow"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="news-pattern">
            <img src="assets/images/fun-facts-pattern.png" alt="">
        </div>
    </section>
    
    <!--====== NEWS 2 PART ENDS ======-->

    <!--====== CTA 2 PART START ======-->
    
    <section class="cta-2-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-4">
                    <div class="cta-content">
                        <h3 class="title">Fully equipped meeting rooms for rent</h3>
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="cta-content">
                        <p>Sed quia lipsum dolor sit atur adipiscing elit is nunc quis tellus sed ligula porta ultricies quis nec magna neulla.</p>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="cta-content text-left text-lg-right">
                        <a class="main-btn" href="book-a-tour.html">Book a tour</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="cta-dot">
            <img src="assets/images/cta-dot-2.png" alt="cta">
        </div>
        <div class="cta-dot-2">
            <img src="assets/images/cta-dot.png" alt="cta">
        </div>
    </section>
    
    <!--====== CTA 2 PART ENDS ======-->

    <!--====== FOOTER PART START ======-->
    
    <section class="footer-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6 col-sm-8">
                    <div class="footer-about mt-30">
                        <div class="logo">
                            <a href="#"><img src="assets/images/logo-2.png" alt="logo"></a>
                        </div>
                        <p>Codesk is a premium wordpress theme for coworking space, freelancers, creatives and a wide range of other businesses.</p>
                        <ul>
                            <li><a href="mailto:needhelp@codesk.com">needhelp@codesk.com</a></li>
                            <li><a href="tel:7778880000">777 888 0000</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-2 col-md-6 col-sm-6">
                    <div class="footer-list mt-30">
                        <h4 class="title">Company</h4>
                        <ul>
                            <li><a href="#">About us</a></li>
                            <li><a href="#">Latest events</a></li>
                            <li><a href="#">Our services</a></li>
                            <li><a href="#">News & articles</a></li>
                            <li><a href="#">Contact us</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                    <div class="footer-list pl-35 mt-30">
                        <h4 class="title">Explore</h4>
                        <ul>
                            <li><a href="#">Our history</a></li>
                            <li><a href="#">Help & support</a></li>
                            <li><a href="#">Privacy policy</a></li>
                            <li><a href="#">Terms & condition</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="footer-address mt-30">
                        <h3 class="title">Address</h3>
                        <p>20 Broklyn street, New york. United states of america</p>
                        <iframe src="https://ditu.google.cn/maps/embed?pb=!1m14!1m12!1m3!1d14612.97540392891!2d90.497437!3d23.70298445!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1590471441805!5m2!1sen!2sbd" width="600" height="450" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
                        <span><i class="fa fa-map-marker"></i> Find us on Map</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-copyright-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="footer-copyright d-block d-md-flex justify-content-between align-items-center">
                            <p>© Copyright 2020 by Layerdrops.com</p>
                            <ul>
                                <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                                <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-pattern">
            <img src="assets/images/footer-pattern.png" alt="">
        </div>
        <div class="footer-logo">
            <img src="assets/images/footer-logo.png" alt="">
        </div>
    </section>
    
    <!--====== FOOTER PART ENDS ======-->
    
    <!--====== GO TO TOP PART START ======-->
    
    <div class="go-top-area">
        <div class="go-top-wrap">
            <div class="go-top-btn-wrap">
                <div class="go-top go-top-btn">
                    <i class="fa fa-angle-double-up"></i>
                    <i class="fa fa-angle-double-up"></i>
                </div>
            </div>
        </div>
    </div>
    
    <!--====== GO TO TOP PART ENDS ======-->
    
    
    


    
    <!--====== jquery js ======-->
    <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-3.5.0.js"></script>

    <!--====== Bootstrap js ======-->
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    
    <!--====== Slick js ======-->
    <script src="assets/js/slick.min.js"></script>
    
    <!--====== odometer js ======-->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <script src="assets/js/jquery.waypoints.min.js"></script>
    
    <!--====== wow js ======-->
    <script src="assets/js/wow.js"></script>
    
    <!--====== nice select js ======-->
    <script src="assets/js/jquery.nice-select.min.js"></script>
    
    <!--====== Magnific Popup js ======-->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    
    <!--====== Main js ======-->
    <script src="assets/js/main.js"></script>

</body>

</html>
